@import 'animate.css';
@import 'skin.css';

/******************************
 ** 初始化
** 2.0.0
 ******************************/
* { margin: 0; padding: 0; }
body { font: 14px/2 'Microsoft Yahei', Arial; color: #666; background: #fff; }
img { border: 0px; }
ul, ol { list-style-type: none; vertical-align: bottom; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea, select { font: 14px/1 'Microsoft Yahei', Arial; color: #666; outline: 0; }
textarea { resize: none; overflow: auto; }
h1,h2,h3,h4,h5,h6,font { font-size: 14px; }
a { color: #333; text-decoration: none; cursor: pointer; }
a:hover { color:#009eda; }
a img { transition: all .5s ease; }

.clear { clear: both; +line-height: 0; +font-size: 0; +height: 0; +float: none !important; }
.hidden { display: none; visibility: visible; }
.wrap { width: 1200px; margin: 0 auto; position: relative; }


/******************************
 ** 首页
 ******************************/
.header { background: #eee; padding: 15px 0; }
.header .wrap { height: 70px; }
.header .logo { float: left;  }
.header .logo img { display: block; height: 70px; }
.header .tel { float: right; margin: 10px 0 0; padding: 0 0 0 50px; background: url(../images/header-tel.png) left center no-repeat; }
.header .tel dt { line-height: 20px;  }
.header .tel dd { line-height: 30px; font-size: 24px; white-space: nowrap;  font-weight: bold; color: #009eda; }
.header .language { float: right; height: 32px; margin: 19px 30px 0 0; color: #999; }
.header .language dt { float: left; line-height: 32px; }
.header .language dd { float: left; margin: 0 0 0 8px; }
.header .language span,
.header .language a { display: block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #999; color: #999; text-align: center; border-radius: 50%; }
.header .language span { border-color: #009eda; color: #009eda; transition: all .5s ease; }
.header .language a:hover { background: #009eda; border-color: #0092d8; color: #fff; }

.seacher { float: right; margin: 15px 30px 0 0; }
.seacher .input { position: relative; }
.seacher .txt { width: 240px; height: 38px; line-height: 38px; padding: 0 20px; border: 1px solid #ddd; border-radius: 3px; }
.seacher .submit { position: absolute; right: 0; top: 0; bottom: 0; width: 50px; background: url(../images/seacher-submit.png) center center no-repeat; border: 0; cursor: pointer;  }
.seacher .txt:focus { border-color: #ccc; }
.seacher .submit:hover { opacity: .8; }

.nav { height: 60px; background: #0092d8; position: relative; z-index: 20; }
.nav li { float: left; width: 120px; height: 60px; position: relative; }
.nav li > a { display: block; height: 60px; line-height: 60px; font-size: 16px; color: #fff; text-align: center; transition: none; transition: background .5s ease; }
.nav li:first-child { background: none; }
.nav .drop { position: absolute; left: 0; top: 60px; width: 100%; background: url(about:blank) center center repeat #fff; overflow: hidden; display: none; }
.nav .drop dl { position: relative; text-align: center; }
.nav .drop dd { line-height: 40px; animation: fadeIn .5s ease; border-top: 1px solid #eee; }
.nav .drop a { display: block; color: #333; }
.nav .drop a:hover { background-color: none; color: #fcac01; }
.nav li.active > a { background: #fcac01; color: #fff; }
.nav li.current > a { background: #fcac01; color: #fff; }

.banner { position: relative; z-index: 8; overflow: hidden; }
.banner .list { position: relative; overflow: hidden; z-index: 1; }
.banner .list li { position: absolute; width: 100%; height: 100%; overflow: hidden; background: #FFF; display: none; z-index: 1; }
.banner .list li:first-child { display: block; }
.banner .list li.active { z-index: 2; }
.banner .list img { position: relative; display: block; width: 1920px; left: 50%; margin: 0 0 0 -960px; }
.banner .dots { position: absolute; left: 0; right: 0; bottom: 30px; text-align: center; line-height: 0; z-index: 18; }
.banner .dots li { display: inline-block; width: 10px; height: 10px; border: 3px solid #fff; background: url(about:blink); margin: 0 10px; cursor: pointer; border-radius: 50%; +display: inline; +zoom: 1; }
.banner .dots li.active { background: #fff; border-color: #fff; }
.banner .prev,
.banner .next { width: 80px; height: 80px; position: absolute; top: 50%; margin: -40px 0 0; z-index: 9; cursor: pointer; display: none; }
.banner .prev { background: url(../images/banner-pw.png) 0 0 no-repeat; left: 50px; }
.banner .next { background: url(../images/banner-pw.png) 0 -80px no-repeat; right: 50px; }
.banner .prev:hover { background-position: -80px 0; }
.banner .next:hover { background-position: -80px -80px; }
.banner .list,
.banner .list img { height: 600px; }
.banner.mini .list,
.banner.mini .list img { height: 450px; }
.banner.mini .dots { bottom: -40px; transition: all .5s ease; }
.banner.mini:hover .dots { bottom: 20px; }
.banner.mini .dots li { width: 30px; height: 3px; border-radius: 0; border: 0; background: #fff; filter: Alpha(opacity=60); background: rgba(255,255,255,.6); }
.banner.mini .dots li.active { filter: Alpha(opacity=90); background: rgba(255,255,255,.9); }

.ihead { text-align: center; position: relative; margin: 0 0 40px; }
.ihead h2 { padding: 0 0 20px; line-height: 60px; font-size: 30px; color: #333; background: url(../images/ihead-line.png) center bottom no-repeat; }
.ihead h3,
.ihead p { line-height: 40px; font-size: 16px; color: #999; }

.iprod { padding: 50px 0 0; background: #fff; }
.iprod .main { position: relative; overflow: hidden; margin: 0 0 60px; }
.iprod .list { width: 500%; padding: 10px 0 0 0; position: relative; overflow: hidden; }
.iprod .item { float: left; width: 380px; margin: 0 30px 0 0; }
.iprod .item a { display: block; border: 1px solid #ddd; padding: 20px; transition: all .3s ease; }
.iprod .item img { width: 100%; height: 254px; }
.iprod .item h3 { line-height: 40px; font-size: 16px; font-weight: normal; text-align: center; }
.iprod .item p { height: 50px; line-height: 24px; color: #999; }
.iprod .item a:hover { transform: translate(0, -8px); }
.iprod .more { position: relative; text-align: center; }
.iprod .more a { display: block; margin: 0 auto; width: 220px; height: 50px; line-height: 50px; background: #009eda; color: #fff; border-radius: 3px; font-size: 16px; transition: all .5s ease; }
.iprod .more a:hover { background: #fcac01; }

.iadvan { padding: 50px 0 50px; background: #fff; }
.iadvan .list { height: 442px; background: url(../../sources/iadvan-0.png) center bottom no-repeat; position: relative; }
.iadvan .item { position: absolute; width: 300px; padding: 0 0 0 100px; transition: all .3s ease; }
.iadvan .item:hover { transform: translate(0, -5px); }
.iadvan .item img { position: absolute; left: 0; top: 0; width: 72px; height: 72px; }
.iadvan .item h3 { line-height: 40px; font-size: 24px; font-weight: normal; white-space: nowrap; background: url(../images/iadvan-line.png) left bottom no-repeat; padding: 0 0 10px; }
.iadvan .item h4 { line-height: 40px; font-size: 12px; font-weight: normal; color: #999; text-transform: uppercase; white-space: nowrap; }
.iadvan .item p { line-height: 24px; }
.iadvan .i1 { left: 0; top: 20px; }
.iadvan .i2 { right: 0; top: 20px; }
.iadvan .i3 { left: 0; bottom: 20px; }
.iadvan .i4 { right: 0; bottom: 20px; }

.iadv { background: url(../../sources/iadv.png) center center no-repeat #0a95ce; color: #fff; }
.iadv .wrap { padding: 30px 0; }
.iadv h2 { line-height: 60px; font-size: 48px; margin: 0 0 15px; }
.iadv h2 span { color: #fcac01; }
.iadv .k { position: relative; }
.iadv .k dd { line-height: 35px; font-size: 20px; background: url(../images/iadv-d.png) 0 center no-repeat; padding: 0 0 0 42px; }
.iadv .tel { position: absolute; right: 0; top: 50%; margin: -50px 0 0; z-index: 2; padding: 0 0 0 120px; background: url(../images/iadv-tel.png) left center no-repeat; }
.iadv .tel dt { line-height: 40px; font-size: 30px; font-weight: bold; padding: 20px 0 0 0; background: url(../images/iadv-line.png) center top no-repeat; white-space: nowrap; margin: 0 0 10px; }
.iadv .tel dd { position: relative; }
.iadv .tel a { display: block; line-height: 40px; background: #fcac01; color: #fff; border-radius: 3px; text-align: center; font-size: 16px; transition: all .5s ease; }
.iadv .tel a:hover { background-color: #ff6600; }

.icase { padding: 50px 0 0; background: #fff; }
.icase .main { overflow: hidden; position: relative; margin: 0 0 70px; }
.icase .inner { float: left; width: 600px; position: relative; overflow: hidden; }
.icase .list { width: 1000%; overflow: hidden; }
.icase .item { float: left; width: 600px; height: 443px; position: relative; }
.icase .item img { display: block; width: 100%; }
.icase .item h3 { position: absolute; left: 0; right: 0; bottom: 0; line-height: 70px; font-size: 18px; background: #0092d8; color: #fff; font-weight: normal; padding: 0 0 0 40px; }
.icase .dots { position: absolute; right: 20px; bottom: 18px; z-index: 10; cursor: pointer; }
.icase .dots li { display: inline-block; width: 13px; height: 13px; border-radius: 50%; background: #fff; margin: 0 2px; +display: inline; +zoom: 1; }
.icase .dots li.active { background: #fcac01; }
.icase .menus { float: right; width: 600px; }
.icase .menus li { float: left; width: 285px; margin: 0 0 15px 15px; background: #eee; position: relative; overflow: hidden; +height: 214px; }
.icase .menus img { display: block; height: 214px; }
.icase .menus .exp { position: absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: 2; background: url(../images/icase-exp.png) 0 0 repeat; color: #fff; visibility: hidden; }
.icase .menus h3 { position: absolute; left: 0; right: 0; bottom: 50%; line-height: 50px; font-size: 16px; font-weight: normal; text-align: center; }
.icase .menus span { position: absolute; left: 80px; right: 80px; top: 50%; line-height: 30px; border: 1px solid #fff; border-radius: 5px; text-align: center; }
.icase .item:hover img { transform: scale(1.05); }
.icase .menus li:hover img { transform: scale(1.05); }
.icase .menus li:hover .exp { visibility: visible; }
.icase .more { position: relative; text-align: center; }
.icase .more a { display: block; margin: 0 auto; width: 220px; height: 50px; line-height: 50px; background: #009eda; color: #fff; border-radius: 3px; font-size: 16px; transition: all .5s ease; }
.icase .more a:hover { background: #fcac01; }

.iabout { padding: 60px 0 0; background: url(../../sources/iabout-0.png) center bottom no-repeat #fff; }
.iabout .wrap { height: 590px; }
.iabout .head { width: 740px; padding: 0 0 30px; margin: 0 0 40px; border-bottom: 1px solid #ddd; position: relative; }
.iabout .head h2,
.iabout .head h3 { display: inline-block; line-height: 40px; +display: inline; +zoom: 1; }
.iabout .head h2 { font-size: 30px; }
.iabout .head h3 { font-size: 24px; font-weight: normal; text-transform: uppercase; color: #0092d8; }
.iabout .head a { position: absolute; right: 0; top: 5px; line-height: 32px; border: 1px solid #ddd; border-radius: 3px; color: #999; padding: 0 15px; transition: all .5s ease; }
.iabout .head a:hover { border-color: #0092d8; color: #0092d8; padding: 0 20px; }
.iabout .info { width: 740px; height: 240px; line-height: 40px; margin: 0 0 100px; }
.iabout .info p { text-align: justify; }
.iabout .jo { color: #fff; overflow: hidden; padding: 38px 0; }
.iabout .jo dl { float: left; width: 150px; position: relative; padding: 0 0 0 125px; border-left: 1px dashed #fff; }
.iabout .jo dt { line-height: 30px; font-size: 22px; }
.iabout .jo b { position: absolute; left: 50px; top: 0; line-height: 60px; font-size: 60px; font-family: 'Impact'; font-weight: normal; }
.iabout .jo dd { line-height: 30px; font-size: 16px; }
.iabout .jo dl:first-child { border-left: 0; padding-left: 65px; }
.iabout .jo dl:first-child b { left: 0; }
.iabout .img { position: absolute; right: 0; bottom: 0; }
.iabout .img img { display: block; width: 378px; height: 587px; }

.ihonor { padding: 50px 0 40px; background: #f5f5f5; }
.ihonor .main { position: relative; }
.ihonor .inner { position: relative; overflow: hidden; }
.ihonor .list { width: 500%; padding: 10px 0 0 0; position: relative; overflow: hidden; }
.ihonor .item { float: left; width: 285px; margin: 0 20px 0 0; }
.ihonor .item a { display: block; transition: all .3s ease; }
.ihonor .item img { width: 265px; /* height: 360px;  border: 10px solid #6b2f04;*/ }
.ihonor .item h3 { line-height: 40px; font-size: 16px; font-weight: normal; text-align: center; }
.ihonor .item a:hover { transform: translate(0, -8px); }
.ihonor .prev,
.ihonor .next { position: absolute; top: 50%; margin: -60px 0 0; width: 30px; height: 60px; background: url(../images/ijidi-pw.png) 0 0 no-repeat; cursor: pointer; }
.ihonor .prev { left: -60px; }
.ihonor .next { right: -60px; background-position: 0 -60px; }
.ihonor .prev:hover { background-position: -30px 0; }
.ihonor .next:hover { background-position: -30px -60px; }

.igo { padding: 50px 0 0; background: #fff; }
.igo .list { overflow: hidden; position: relative; }
.igo .item { float: left; width: 200px; text-align: center; }
.igo .item i { display: block; margin: 0 auto 10px; width: 140px; height: 140px; background: url(about:blank) 0 0 no-repeat; }
.igo .item h3 { line-height: 40px; font-size: 20px; font-weight: normal; }
.igo .item h4 { line-height: 18px; font-size: 12px; text-transform: uppercase; font-weight: normal; color: #999; }
.igo .item em { display: block; margin: 10px auto 0; width: 25px; height: 25px; background: url(../images/igo-k.png) 0 0 no-repeat; }
.igo .item:hover i { background-position: 0 -140px; }
.igo .item:hover em { background-position: -25px 0; }

.ijidi { padding: 50px 0 40px; background: #fff; }
.ijidi .main { position: relative; margin: 0 0 70px; }
.ijidi .inner { position: relative; overflow: hidden; }
.ijidi .list { width: 500%; padding: 10px 0 0 0; position: relative; overflow: hidden; }
.ijidi .item { float: left; width: 590px; margin: 0 20px 0 0; +height: 442px; }
.ijidi .item a { display: block; transition: all .3s ease; position: relative; overflow: hidden; }
.ijidi .item img { display: block; width: 100%; height: 442px; }
.ijidi .item .exp { position: absolute; left: 0; bottom: 0; right: 0; background: url(../images/ijidi-exp.png) 0 0 repeat; color: #fff; padding: 20px 30px; }
.ijidi .item h3 { line-height: 30px; font-size: 18px; font-weight: normal; margin: 0 0 6px; }
.ijidi .item h3 { line-height: 24px; }
.ijidi .item i { position: absolute; right: 30px; top: 50%; margin: -20px 0 0; width: 40px; height: 40px; background: url(../images/ijidi-mo.png) 0 0 no-repeat; }
.ijidi .item a:hover { transform: translate(0, -8px); }
.ijidi .item a:hover img { transform: scale(1.1); }
.ijidi .prev,
.ijidi .next { position: absolute; top: 50%; margin: -30px 0 0; width: 30px; height: 60px; background: url(../images/ijidi-pw.png) 0 0 no-repeat; cursor: pointer; }
.ijidi .prev { left: -60px; }
.ijidi .next { right: -60px; background-position: 0 -60px; }
.ijidi .prev:hover { background-position: -30px 0; }
.ijidi .next:hover { background-position: -30px -60px; }
.ijidi .more { position: relative; text-align: center; }
.ijidi .more a { display: block; margin: 0 auto; width: 220px; height: 50px; line-height: 50px; background: #009eda; color: #fff; border-radius: 3px; font-size: 16px; transition: all .5s ease; }
.ijidi .more a:hover { background: #fcac01; }

.inews { padding: 50px 0 0; }
.inews .main { overflow: hidden; position: relative; }
.inews .list { overflow: hidden; width: 105%; }
.inews .item { float: left; width: 373px; margin: 0 40px 0 0; }
.inews .item img { display: block; width: 100%; height: 280px; }
.inews .item2 { float: left; width: 787px; padding: 30px 0; border-bottom: 1px solid #ddd; position: relative; }
.inews .item2 h3 { line-height: 34px; font-size: 16px; font-weight: normal; margin: 0 0 10px; }
.inews .item2 p { height: 50px; line-height: 25px; }
.inews .item2 span { position: absolute; right: 0; top: 30px; line-height: 44px; color: #999; }
.inews .item3 { float: left; width: 373px; padding: 20px 0; margin: 0 40px 0 0; border-bottom: 1px solid #ddd; position: relative; background: url(../images/inews-d.png) 0 center no-repeat; }
.inews .item3 h3 { line-height: 40px; white-space: nowrap; font-weight: normal; padding: 0 0 0 30px; }
.inews .item3 span { position: absolute; right: 0; top: 0; line-height: 80px; color: #999; }
.inews .item + .item2 { margin-top: -30px; }
.inews .item2:hover a,
.inews .item3:hover a { color: #009eda; }
.inews .item3:hover { background-image: url(../images/inews-d2.png); }

.footer { padding: 65px 0 50px; background: #38393a; position: relative; }
.footer .wrap { overflow: hidden; }
.footer .left { float: left; width: 280px; padding: 0 100px 0 0; }
.subtel { padding: 5px 0 5px 80px; margin: 0 0 15px; background: url(../images/subtel-icon.png) left center no-repeat;  position: relative; }
.subtel dt { line-height: 20px; font-size: 16px; color: #fff; white-space: nowrap; }
.subtel dd { line-height: 40px; font-size: 30px; font-weight: bold; color: #fcac01; white-space: nowrap; }
.sublime { position: relative; }
.sublime p { line-height: 30px; color: #999; }
.subcode { float: right; width: 120px; text-align: center; }
.subcode img { width: 100%; height: 120px; }
.subcode h3 { line-height: 40px; font-weight: normal; }
.subnav { float: left; width: 130px; padding: 0 0 0 80px; color: #999; border-left: 1px solid #4c4d4e; background: url(../images/subnav-d.png) 60px 12px no-repeat; }
.subnav h2 { line-height: 30px; font-size: 16px; font-weight: normal; color: #fff; }
.subnav h3 { line-height: 20px; font-size: 12px; font-weight: normal; text-transform: uppercase; margin: 0 0 20px; }
.subnav dl { float: left; line-height: 35px; width: 100%; }
.subnav dd { float: left; width: 130px; }
.subnav a { color: #999; white-space: nowrap; }
.subnav a:hover { color: #fff; text-decoration: underline; }

.bottomer { padding: 15px 0; background: #222; }
.copyright { line-height: 30px; color: #aaa; }
.copyright a { color: #aaa; margin: 0 5px; }
.copyright a:hover { color: #eee; text-decoration: underline; }

.sublink { position: absolute; top: 0; right: 0; }
.sublink h3 { line-height: 32px; border: 1px solid #383838; padding: 0 40px 0 25px; font-weight: normal; color: #c7c7c7; background: url(../images/sublink-a.png) 90px center no-repeat; cursor: pointer; }
.sublink dl { position: absolute; left: 0; right: 0; bottom: 33px; border: 1px solid #383838; background: #222; display: none; }
.sublink dd { position: relative; text-align: center; }
.sublink a { display: block; border-top: 1px solid #383838; color: #c7c7c7; }
.sublink:hover dl { display: block; }
.sublink a:hover { background: #333; }

.toolbar { position:fixed; top:300px; right:1px; z-index:100; }
.toolbar > * { width:60px; height:60px; position:relative; background:#1197d6; margin:0 0 1px; }
.toolbar > *.itop { background:#1197d6; }
.toolbar > *:first-child { border-top:0; }
.toolbar > * > a { display:block; width:60px; height:60px; text-align:center; color:#FFF; background:url(../images/toolbar-icon.png) center 0 no-repeat; }
.toolbar .qq a { background-position:center 0; }
.toolbar .qiao a { background-position:center -120px; }
.toolbar .tel a { background-position:center -60px; }
.toolbar .code a { background-position:center -180px; }
.toolbar .itop a { background-position:center -240px; }
.toolbar > * > a:hover { background-color: #fcac01; }
.toolbar .drop-code { position:absolute; bottom:0; right:62px; background:#fcac01; padding:15px; text-align:center; color:#fff; box-shadow:0 0 1px rgba(0,0,0,.2); width:120px; display:none; }
.toolbar .drop-code img { display:block; width:120px; height:120px; }
.toolbar .drop-code h3 { font-weight:normal; line-height: 30px; }
.toolbar .drop-tel { position:absolute; top:0; right:62px; width:0; overflow:hidden; }
.toolbar .drop-tel p { width:152px; height:60px; line-height:60px; padding:0 0 0 10px; background:#fcac01; color:#fff; font-size:19px; }
.toolbar .qq:hover,
.toolbar .qiao:hover,
.toolbar .tel:hover,
.toolbar .code:hover { background-color:#fcac01; }
.toolbar .itop:hover { background-color:#fcac01; }

/*HTML地图*/
.about_main{line-height:30px; height:auto; font-size:14px;color:#666666; margin:0; padding:0;float:left;}
.about_main ul{list-style:none; margin:0; padding:0;}
.about_main ul li.map_1{border-bottom:1px solid #eee;margin:10px 0;padding:10px;font-weight:bold;}
.about_main ul li.map_2{ float:left; min-width:110px; padding:0 5px;}
.about_main ul li.map_3{ float:left; min-width:110px; padding:0 5px;}
.about_main ul li a{color: #666666;}
.about_main ul li a:hover{color:#666666; text-decoration:underline; font-weight:bold;}
.right_top ._column_title{ border-left:3px solid #e60044; color:#333; float:left; font-size:20px; height:24px; line-height:24px; margin:19px 0; padding-left:15px; display:inline;}
.right_top .column_path{ float:right;display:inline; color:#999; font-size:12px;}
.right_top .column_path a{color:#999;}
.clear { clear: both;font-size: 0px; margin: 0; padding: 0;display: block;height: 0px;_height: 0px;overflow: hidden;}